<script type="text/html" template>
	<link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-2" media="all">
</script>


<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">

	<div class="layadmin-user-login-main">
		<div class="layadmin-user-login-box layadmin-user-login-header">
			<h2>yyy-cake</h2>
			<p>后台管理系统</p>
		</div>
		<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
			<div class="layui-form-item">
				<label class="layadmin-user-login-icon layui-icon layui-icon-username"
					for="LAY-user-login-username"></label>
				<input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名"
					class="layui-input" autocomplete="off">
			</div>
			<div class="layui-form-item">
				<label class="layadmin-user-login-icon layui-icon layui-icon-password"
					for="LAY-user-login-password"></label>
				<input type="password" name="password" id="LAY-user-login-password" lay-verify="required"
					placeholder="密码" class="layui-input" autocomplete="off">
			</div>
			<div class="layui-form-item">
				<div class="layui-row">
					<div class="layui-col-xs7">
						<label class="layadmin-user-login-icon layui-icon layui-icon-vercode"
							for="LAY-user-login-vercode"></label>
						<input type="text" name="captcha" id="LAY-user-login-vercode" lay-verify="required"
							placeholder="图形验证码" class="layui-input" autocomplete="off">
					</div>
					<div class="layui-col-xs5">
						<div style="margin-left: 10px;">
							<img src="http://yyy.cake/admin/common/verify" class="layadmin-user-login-codeimg"
								onclick="this.src = 'http://yyy.cake/admin/common/verify?t=' + new Date().getTime();">
						</div>
					</div>
				</div>
			</div>
			<div class="layui-form-item">
				<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
			</div>
		</div>
	</div>

	<div class="layui-trans layadmin-user-login-footer">
		<p>© 2021 <a href="JavaScript:;" target="_blank">cake.lsleo.com</a></p>
	</div>
</div>

<script>
	layui.use(['admin', 'form', 'user'], function() {
		var $ = layui.$,
			setter = layui.setter,
			admin = layui.admin,
			form = layui.form,
			router = layui.router(),
			search = router.search;

		form.render();

		//提交
		form.on('submit(LAY-user-login-submit)', function(obj) {

			//请求登入接口
			admin.req({
				url: setter.API_HOST + 'admin/login/check_login', //实际使用请改成服务端真实接口
				type: 'post',
				data: obj.field,
				done: function(res) {
					if (res.code == 0) {
						//请求成功后，写入 redirect
						layui.data(setter.tableName, {
							key: setter.request.tokenName,
							value: res.data.token
						});

						//登入成功的提示与跳转
						layer.msg('登入成功', {
							offset: '15px',
							icon: 1,
							time: 1000
						}, function() {
							console.log(search.redirect)
							location.hash = search.redirect ? decodeURIComponent(search
								.redirect) : '/';
						});
					} else {
						$('.layadmin-user-login-codeimg').click();
					}
				}
			});
		});
	});
</script>
